﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="css/base.css" rel="stylesheet" />
     <link href="css/common.css" rel="stylesheet" />
    <script type="text/javascript" src="../Scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".main-content-main-table tr:odd").addClass("main-content-main-table-trodd");
        });
    </script>
    <style type="text/css">
        
    </style>
</head>
<body>
     <!--内容表单-->
        <div class="main-content">
            <h3 class="main-content-title">这里是一个标题</h3>
            <div class="main-content-main">
                <div class="main-content-main-tableheader">
                    <div class="main-content-main-tableheader-search">
                        <label>标题：</label> <input class="input-tableheader" type="text" /> <button class="btn">搜索</button>
                    </div>                    
                </div>
                <table class="main-content-main-table">
                        <thead>
                        <tr>
                            <th>Rendering engine</th>
                            <th>Browser</th>
                            <th>Platform(s)</th>
                            <th>Engine version</th>
                            <th>CSS grade</th>
                        </tr>
                           </thead>
                        <tbody>
                            <tr>
                                <td>Misc</td>
                                 <td>IE Modeile12444444124444444444444444444444444444444</td>
                                 <td>PSP</td>
                                 <td>-</td>
                                 <td>A</td>
                            </tr>
                             <tr>
                                <td>Misc</td>
                                 <td>IE Modeile</td>
                                 <td>PSP</td>
                                 <td>-</td>
                                 <td>A</td>
                            </tr>
                             <tr>
                                <td>Misc</td>
                                 <td>IE Modeile</td>
                                 <td>PSP</td>
                                 <td>-</td>
                                 <td>A</td>
                            </tr>
                             <tr>
                                <td>Misc</td>
                                 <td>IE Modeile</td>
                                 <td>PSP</td>
                                 <td>-</td>
                                 <td>A</td>
                            </tr>
                             <tr>
                                <td>Misc</td>
                                 <td>IE Modeile</td>
                                 <td>PSP</td>
                                 <td>-</td>
                                 <td>A</td>
                            </tr>
                        </tbody>
                    </table>
                <div class="main-content-main-tablefooter">
                    <div class="main-content-main-tablefooter-pages">
                        <ul>
                            <li><a href="#">上一页</a></li>
                            <li><a href="#">1</a></li>
                             <li><a href="#">2</a></li>
                             <li><a href="#">3</a></li>
                             <li class="active"><a href="#">4</a></li>
                             <li><a href="#">5</a></li>
                             <li><a href="#">6</a></li>
                            <li class="disabled"><a>上一页</a></li>
                        </ul>
                    </div>                    
                </div>
            </div>
        </div>
</body>
</html>
